<template>
  <view class="page">
    <cl-nav-bar
      backgroundColor="rgba(255, 255, 255, 0)"
      color="#fff"
    ></cl-nav-bar>
    <view class="page_title">请选择您的操作</view>
    <view class="page_content">
      <view
        class="btn_item"
        @click="toPage('/pages/template/list?pageType=fill')"
      >
        <image
          src="../../static/fill_icon.png"
          class="w_80 h_80 mr_80"
          mode="scaleToFill"
        />
        <text>数据填报</text>
      </view>
      <view
        class="btn_item"
        @click="toPage('/pages/template/list?pageType=template')"
      >
        <image
          src="../../static/create_template_icon.png"
          class="w_80 h_80 mr_80"
          mode="scaleToFill"
        /><text>模板创建</text></view
      >
    </view>
  </view>
</template>
<script setup>
const list = ref([])
</script>
<style scoped lang="scss">
.page {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  background-size: 100% 100%;
  background: url(../../static/bgk.jpeg) no-repeat top center/cover;
  &_title {
    font-size: 60rpx;
    font-weight: 500;
    color: #fff;
    position: absolute;
    top: 10%;
    left: 50rpx;
  }
  &_content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    .btn_item {
      margin-bottom: 80rpx;
      padding: 60rpx;
      display: flex;
      align-items: center;
      font-size: 40rpx;
      width: 450rpx;
      border-radius: 20rpx;
      box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
      background-color: #fff;
      cursor: pointer;
    }
  }
}
</style>
